position:absolute, and IE will treat it as poisttion:relative; So, as far as possible, this is a block-level element of float left!
1. Centering problemDiv in the content, ie defaults to center, and FF defaults to left-alignedYou can try adding code Margin:auto
2. Height problemTwo or nested div, above the div set height, if the actual content of the div is greater than the set height, there will be two div overlapping in
In the site design, should pay attention to CSS style compatible with different browser issues, especially for the full use of the div CSS design of the net, you should pay more attention to the IE6 IE7 ff CSS style compatibility, otherwise, your network chaos may go out don't want to appear effect!All browsers commonheight:100px;IE6 Dedicated_height:100px;IE6 Dedicated*height:100px;IE7 Dedicated*+height:100px;IE7,
As a Web architect, in the design of the site, should pay attention to the most common problem is the CSS style compatible with different browser problems, especially for the full use of Div CSS design site, you should pay more attention to the IE6 IE7 FF compatible CSS style, otherwise, your network chaos may go out do not want to appear the effect!
All Browsers Universalheight:100px;
IE6 Special_height:100px;
IE6 Special*height:100px;
IE7 Special
Since the beginning of the Internet, the battle between browsers has not stopped. Of course, the most bitter is the Web page production staff, in order to achieve the user experience and usability standards, have to be in multiple browsers for the unified effect. I really hope that one day FF can eminence, although it is still the big world ie. In particular, Microsoft's latest release of the IE7 browser, its CSS compatibility does give some web maker
This article is mainly about the onchange event in IE and FF performance and solutions are introduced, the need for friends can come to the reference, I hope to help you. In a recent project, there is a function point: there is a checkbox on the page that sends a JSONP request to the background when the user chooses or cancels the checkbox. The implementation was for this checkbox to add a onchange event, but the result is unexpected, for this reaso
In a recent project, there is a function point: there is a checkbox on the page that sends a JSONP request to the background when the user chooses or cancels the checkbox. The implementation was for this checkbox to add a onchange event, but the result is unexpected, for this reason, I studied in depth, found that the onchange event in IE and FF under the performance of the following problems.
problem ①: under FF
function Showwin (O1,O2) {
var Mask=document.getelementbyid (O1);
var Popwin=document.getelementbyid (O2);
Document.documentElement.scrollHeight in IE, FF, Chrome is to get the full content of the Web page heightDocument.documentElement.offsetHeight in IE is to obtain the inner surface of the clientheight (that is, a page does not include the printed debug information), in FF, Chrome to get the full content
The FF interpretation of the box model is also different, code description: #test {width:650px!important;width:648px;padding-left:2px;background: #fff;}
Test shows the broadband is 650px
The total width of IE box is: width+padding+border+margin width sum
The total width of the FF box is width, and the width of the padding+border+margin is contained within the widths.
If there are box{width: "300"; PADDING:
Today, adjust the pop-up layer, encountered a small problem: get scrolltop value?
On the Internet to see some of the high way to get the page was rolled, document.body.scrollTop in IE FF is 0, the strange is in Chrome can.
I guess FF to be closer to IE, I used the FF 13.0.1, can be used in the previous version, this skip ...
The code is as follows
Today, when I was in a 52-field report, I was forced to do a thorough research,
I found:
The default value for display at Col under FF is: Table-column
The default value for visibility is: visible
I checked the CSS manual, found that visibility has a collapse optional value, it is said that in IE is not implemented, IE did not achieve Chou FF did not implement, like FF
1.IE8 compatibility issues, this best deal, converted into IE7 compatible can be. Add the following piece of code to the head, and then as long as it is compatible under IE7, IE8 below is also compatible2.flaot floating caused IE6 double margin problem, this is the most common, but also best to deal with,!important solve, such asmargin-left:10px!important;margin-left:5px;+height:120px;5. Sometimes, in the layout of the time, found that there is a div floating, the next div is to be shown below,
How do i make IE FF Opera support alpha transparency at the same time? -DIV+CSS Tutorial
The transparent effect of the picture is a special form that needs to be used in the webpage, although not very commonly used, but meet this kind of demand often a bit unprepared.Knowledge about CSS alpha transparency. First, look at the following code:
Filter:alpha (OPACITY=50); /* IE * *-moz-opacity:0.5; /* Moz +
document.documentelement.clientwidth andDocument.documentelement.clientheight.General: Document.body.clientwidth and Document.body.clientheight.6. Adding eventsIe:element.attachevent ("onclick", func);Ff:element.addeventlistener ("Click", Func, True).General: Element.onclick=func. Although you can use the OnClick event, the effect of the onclick and the above two methods is not the same, onclick only executes a process, and attachevent and AddEventListener execute a list of processes, that is,
In the CSS Forest group to discuss a margin problem inadvertently found overflow can also be used to clear the float, hey, this method is not only simple to use, but also FF, OP, IE7 support, from then on the long compatibility and poor FF clear floating method.
The method is really simple, as long as you add the overflow this property to the label that needs to be floated.
CSS Code
Copy Code code
to the button's click Action, through post submission, for the user input is a text box, the user input to fill in after the item, directly press ENTER, it is equivalent to press the button, At the beginning did not pay attention to this problem, a press RETURN, jump to another page, a lot of data, just found to block the browser's default behavior, because the default behavior is submit form, then your JS will not be implemented. So cancel the default behavior first. Then execute your JQ to su
MediaPlayer online player code compatible with IE and FF
Online player inserts MediaPlayer compatible with IE and FF code debugging in Web pagesInternet Explorer and Netscape support So all two tags have to be written, and attribute values need to correspond.–>Type= "Application/x-oleobject" >Type= "Application/x-mplayer2" autostart= "0" enablecontextmenu= "0" >Description of the player related parameters
The difference between window.event and in IE and FF
The event object is valid only if it occurs.
Some properties of an event are only meaningful for a particular event. For example, the Fromelement and Toelement properties only make sense for Onmouseo tutorials ver and onmouseout events.
Example
The following example checks to see if the mouse clicks on the link and cancels the link jump if the SHIFT key is pressed.
Window.eventie: there are
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.